<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!--iPhone私有标签，它表示：允许全屏模式浏览-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!--iPhone私有标签，它指定的iPhone中safari顶端的状态条的样式-->
    <meta name="format-detection" content="telephone=no; email=no" />
    <!--不识别邮件和不把数字识别为电话号码-->
    <link rel="stylesheet" href="./css/front-less/common.css" />
    <link rel="stylesheet" href="./css/front-less/curse-n-buy.css" />
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <script src="./node_modules/jquery/dist/jquery.js"></script>
    <title>课程</title>
</head>
<body>
<!--导航模块-->
<nav class="container-layout" id="public-header">
    <div class="content-layout" id="header-nav">
        <div class="logo-box">
            <a href="./index.html" class="logo">
                <img src="" alt="">
            </a>
            <div class="classify">
                <span class="classify-log"></span>
                分类
                <div class="category-f">
                    <ul class="cate-f">
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item">
                                <ul class="itemleft ">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-95">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-190">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                        <li class="cate-detail">
                            <div class="cate-tag">
                                <strong><a href="">IT</a></strong>
                                <div class="listModel">
                                    <div> <a href="">C</a> <a href="">Javascript</a> <a href="">大数据</a></div>
                                </div>
                                <span class="point-r"></span>
                            </div>
                            <div class="list-item margin-top-285">
                                <ul class="itemleft">
                                    <dl>
                                        <dt>编程语言</dt>
                                        <dd> <a href="">C</a> <a href="">java</a> </dd>
                                    </dl>
                                    <dl>
                                        <dt>前端开发</dt>
                                        <dd> <a href="">web前端</a></dd>
                                    </dl>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="identity">
                我是教师
            </div>
        </div>
        <div class="main-nav">
            <a href="./index.html" class="nav-unit">首页</a>
            <a href="./discover.html" class="nav-unit">发现</a>
            <a href="./" class="nav-unit">课程</a>
        </div>
        <form action="" class="search-box layui-form">
            <input type="text" class="whole-search" placeholder="请输入课程或老师">
            <input type="submit" class="whole-s-btn layui-icon layui-icon-search" value="">
            <a href="javascript:;" class="close-search layui-icon layui-icon-close"></a>
        </form>
        <ul class="nav navbar-nav navbar-right">
            <li class="navbar-right-item">
                <ul class="fun">
                    <li class="fun-item"><a href="javascript:;" class="icon icon-search"></a></li>
                    <li class="fun-item user-hint">
                        <a href="javascript:;" class="icon icon-hint"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="./personal-msg.html">评论</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-like.html">赞</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-follow.html">粉丝</a>
                                </li>
                                <li class="fun-list">
                                    <a href="./personal-sys.html">系统通知</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="fun-item">
                        <a href="javascript:;" class="icon icon-msg"></a>
                        <div class="personal-hint">
                            <ul class="fun-d-list">
                                <li class="fun-list">
                                    <a href="javascript:;">私发</a>
                                </li>
                                <li class="fun-list">
                                    <a href="javascript:;">群聊</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </li>
            <!--<li class="user-lr">-->
            <!--<a href="javascript:;" class="register">注册</a>-->
            <!--<span class="sep">|</span>-->
            <!--<a href="javascript:;" class="login">登录</a>-->
            <!--</li>-->
            <li class="has-login navbar-right-item">
                <a href="javascript:;" class="user-header-top">
                    <img src="" alt="">
                </a>
                <div class="personal-fun">
                    <ul>
                        <li class="fun-list">
                            <a href="./personal-curse-m.html">我的主页</a>
                        </li>
                        <li class="fun-list">
                            <a href="./personal-study-r.html">学习记录</a>
                        </li>
                        <li class="fun-list">
                            <a href="javascript:;">退出登录</a>
                        </li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
</nav>
<!--主体部分-->
<div class="container-layout" id="container-main">
    <div class="content-layout" >
        <span class="layui-breadcrumb" lay-separator=">">
          <a href="">全部课程</a>
          <a href="">设计</a>
          <a href="">游戏UI设计</a>
          <a><cite>甄妮-UI设计高级课程</cite></a>
        </span>
        <div class="curse-main">
            <a href="" class="jump-live">
                <div class="up-shade">
                    <span class="start-btn"></span>
                    <p class="free-study">免费试学</p>
                </div>
                <img src="" alt="">
            </a>
            <div class="curse-right">
                <p class="curse-name">甄妮-UI设计高级课程甄妮-UI设计高级课程甄妮-UI设计高级课程甄妮-UI设计高级课程甄妮-UI设计高级课程</p>
                <ul class="fun-box-curse">
                    <li class="curse-f-item">1000人购买</li>
                    <li class="curse-f-item">100%好评</li>
                    <li class="curse-f-item">100人评论</li>
                    <li class="curse-f-item"><a href="javascript:;" class="col-btn icon-btn"><span class="icon"></span>收藏</a></li>
                    <li class="curse-f-item"><a href="javascript:;" class="share-btn icon-btn"><span class="icon"></span>分享</a></li>
                </ul>
                <p class="curse-cost">￥1300.00</p>
                <ul class="curse-inform">
                    <li class="inform-list">使用优惠
                        <a href="javascript:;" class="right-msg ticket-get"><span class="icon-ticket"></span>10元课程优惠券&nbsp 领取</a>
                    </li>
                    <li class="inform-list">总计课时
                        <p class="right-msg">共34课时</p>
                    </li>
                    <li class="inform-list">支付保障
                        <p class="right-msg">开课前随时退</p>
                    </li>
                </ul>
                <div class="main-fun-box">
                    <a href="javascript:;" class="layui-btn buy">立即购买</a>
                    <a href="javascript:;" class="layui-btn consult">咨询</a>
                </div>
            </div>
        </div>
        <div class="curse-particulars">
            <div class="particulars-left">
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <div class="particulars-l-t">
                        <ul class="layui-tab-title">
                            <li>介绍</li>
                            <li class="layui-this">目录</li>
                            <li>评价（225）</li>
                        </ul>
                    </div>

                    <div class="layui-tab-content">
                        <div class="layui-tab-item curse-intro">
                            <p class="curse-i-title">教师印象</p>
                            <ul class="impress-list">
                                <li class="impress">美女老师</li>
                                <li class="impress">美女老师</li>
                                <li class="impress">美女老师</li>
                                <li class="impress">美女老师</li>
                                <li class="impress">美女老师</li>
                                <li class="impress">美女老师</li>
                            </ul>
                            <p class="curse-i-title">教师简介</p>
                            <div class="teacher-box">
                                <div class="teacher-top">
                                    <a href="./teacher-page.html" class="teacher-header-i">
                                        <img src="" alt="">
                                    </a>
                                    <div class="teacher-intro-base">
                                        <p class="teacher-name-i">甄妮<span class="teacher-iden">腾讯UI设计师</span></p>
                                        <ul class="teacher-eval">
                                            <li class="eval-item">评级：<span class="eval-d">A</span></li>
                                            <li class="eval-item">课程：<span class="eval-d">2</span></li>
                                            <li class="eval-item">学生：<span class="eval-d">232</span></li>
                                        </ul>
                                    </div>
                                    <a href="javascript:;" class="follow-btn">关注</a>
                                </div>
                                <div class="intro-box">
                                    目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯目前认知与腾讯
                                </div>
                            </div>
                            <p class="curse-i-title">课程简介</p>

                            <div class="intro-box">沟通是人与人之间沟通是人与人之间沟通是人与人之间沟通是人与人之间沟通是人与人之间沟通是人与人之间沟通是人与人之间沟通是人与人之间</div>
                            <p class="curse-i-title">课程时间</p>
                            <div class="intro-box">
                                2018-10-12至2018-12-05<br>
                                每周一、周三、周五 09:00-11：00
                            </div>
                            <p class="curse-i-title">课程详情</p>
                            <img src="" alt="" class="poster">
                        </div>
                        <div class="layui-tab-item layui-show">
                            <p class="cate-title">共24课时</p>
                            <dl class="cate-detail">
                                <dt><span>01</span>图标绘制</dt>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dt><span>01</span>图标绘制</dt>
                                <dd class="active">
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dt><span>01</span>图标绘制</dt>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dt><span>01</span>图标绘制</dt>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dt><span>01</span>图标绘制</dt>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                                <dd>
                                    <span class="icon-play"></span>
                                    <div class="class-msg">
                                        <p class="class-title">有趣的图标变化史</p>
                                        <p class="class-date">10-07&nbsp10:30-10:45已结束</p>
                                    </div>
                                    <a href="javascript:;" class="study-free-btn layui-btn">免费试学</a>
                                </dd>
                            </dl>
                            <div id="laypage-f"></div>
                        </div>
                        <div class="layui-tab-item common-part">
                            <div class="top-choose">
                                <p class="good-rep">好评率：100%</p>
                                <ul class="com-choose">
                                    <li class="com-level choose"><span class="layui-icon layui-icon-radio evaluate"></span>好评</li>
                                    <li class="com-level"><span class="layui-icon layui-icon-circle evaluate"></span>好评</li>
                                    <li class="com-level"><span class="layui-icon layui-icon-circle evaluate"></span>好评</li>
                                </ul>
                            </div>
                            <ul class="com-list">
                                <li class="com-item">
                                    <div class="com-top">
                                        <div class="com-t-l">
                                            <a href="./student-page.html" class="user-header-c"><img src="" alt=""></a>
                                            <div class="user-inform">
                                                <p class="user-name-c">大林</p>
                                                <p class="com-date-c">今天&nbsp15:03</p>
                                            </div>
                                        </div>
                                        <div class="com-t-r">
                                            <div id="com1"></div>
                                        </div>
                                    </div>
                                    <div class="com-bottom">
                                        内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富
                                    </div>
                                </li>
                                <li class="com-item">
                                    <div class="com-top">
                                        <div class="com-t-l">
                                            <a href="./student-page.html" class="user-header-c"><img src="" alt=""></a>
                                            <div class="user-inform">
                                                <p class="user-name-c">大林</p>
                                                <p class="com-date-c">今天&nbsp15:03</p>
                                            </div>
                                        </div>
                                        <div class="com-t-r">
                                            <div id="com2"></div>
                                        </div>
                                    </div>
                                    <div class="com-bottom">
                                        内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富
                                    </div>
                                </li>
                                <li class="com-item">
                                    <div class="com-top">
                                        <div class="com-t-l">
                                            <a href="./student-page.html" class="user-header-c"><img src="" alt=""></a>
                                            <div class="user-inform">
                                                <p class="user-name-c">大林</p>
                                                <p class="com-date-c">今天&nbsp15:03</p>
                                            </div>
                                        </div>
                                        <div class="com-t-r">
                                            <div id="com3"></div>
                                        </div>
                                    </div>
                                    <div class="com-bottom">
                                        内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富
                                    </div>
                                </li>
                                <li class="com-item">
                                    <div class="com-top">
                                        <div class="com-t-l">
                                            <a href="./student-page.html" class="user-header-c"><img src="" alt=""></a>
                                            <div class="user-inform">
                                                <p class="user-name-c">大林</p>
                                                <p class="com-date-c">今天&nbsp15:03</p>
                                            </div>
                                        </div>
                                        <div class="com-t-r">
                                            <div id="com4"></div>
                                        </div>
                                    </div>
                                    <div class="com-bottom">
                                        内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富
                                    </div>
                                </li>
                                <li class="com-item">
                                    <div class="com-top">
                                        <div class="com-t-l">
                                            <a href="./student-page.html" class="user-header-c"><img src="" alt=""></a>
                                            <div class="user-inform">
                                                <p class="user-name-c">大林</p>
                                                <p class="com-date-c">今天&nbsp15:03</p>
                                            </div>
                                        </div>
                                        <div class="com-t-r">
                                            <div id="com5"></div>
                                        </div>
                                    </div>
                                    <div class="com-bottom">
                                        内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富内容丰富
                                    </div>
                                </li>
                            </ul>
                            <div id="laypage-s"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="particulars-right">
                <div class="download-m">
                    <p class="m-title">课程材料</p>
                    <p class="m-name"><span class="m-logo"></span>电商banner设计进阶班材料</p>
                    <a href="./images/qq/1.gif" download="1.gif" class="download-btn"><span class="icon-down"></span>下载</a>
                </div>
                <div class="curse-rec">
                    <p class="m-title">课程推荐</p>
                    <div class="curse-live z-b-unit">
                        <a href="" class="cur-live-img">
                            <img src="" alt="">
                        </a>
                        <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                        <div class="teachers">
                            <ul class="z-b-curse-garde">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <i class="garde">4.5</i>
                            </ul>
                            <p class="teacher-name">免费</p>
                        </div>
                        <p class="has-learn">
                            <i>265456</i>人已学过
                        </p>
                    </div>
                    <div class="curse-live z-b-unit">
                        <a href="" class="cur-live-img">
                            <img src="" alt="">
                        </a>
                        <a href="javascript:;" class="curse-name">电商banner设计进阶班进阶班进阶</a>
                        <div class="teachers">
                            <ul class="z-b-curse-garde">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <i class="garde">4.5</i>
                            </ul>
                            <p class="teacher-name">免费</p>
                        </div>
                        <p class="has-learn">
                            <i>265456</i>人已学过
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--遮罩层模块-->
<div id="curse-fun" class="curse-fun" style="display:none">
    <div class="full-shade"></div>
    <div class="get-ticket hide-style">
        <div class="hide-d-style">
            <h3 class="curse-title">领取成功</h3>
            <em class="layui-icon layui-icon-close"></em>
            <p class="del-hint">个人中心可查看我的优惠券</p>
            <a href="javascript:;" class="layui-btn sure-btn">确定</a>
        </div>
    </div>
    <div class="curse-buy hide-style">
        <div class="hide-d-style">
            <h3 class="curse-title">购买课程</h3>
            <em class="layui-icon layui-icon-close"></em>
            <div class="curse-ord">
                <img src="" alt="" class="curse-img">
                <div class="curse-inform-b">
                    <p class="curse-name-b">电商banner设计班</p>
                    <div class="msg-box">
                        <p class="teacher-msg-b">教师：</p>
                        <i class="date-curse">甄妮</i>
                    </div>
                    <div class="msg-box">
                        <p class="teacher-msg-b">上课时间：</p>
                        <i class="date-curse">
                            2018-07-02至2018-09-03<br>
                            19:00-21:00
                        </i>
                    </div>
                </div>
            </div>
            <ul class="ord-msg">
               <li class="ord-item-msg">
                   <p class="ord-t">订单价格</p>
                   <p class="ord-d">￥1300.00</p>
               </li>
                <li class="ord-item-msg">
                    <p class="ord-t">使用优惠</p>
                    <p class="ord-d use-discounts">未使用优惠 <span class="layui-icon layui-icon-right"></span></p>
                </li>
                <li class="ord-item-msg">
                    <p class="ord-t">支付价格</p>
                    <p class="ord-d active">￥1300.00</p>
                </li>
            </ul>
            <div class="buy-box">
                <a href="./pay-page.html" class="layui-btn buy-now-btn">立即购买</a>
                <button class="layui-btn cancel-btn">取消</button>
            </div>
        </div>
    </div>
    <div class="use-ticket hide-style">
        <div class="hide-d-style">
            <em class="layui-icon layui-icon-left"></em>
            <h3 class="curse-title">选择优惠券</h3>
            <em class="layui-icon layui-icon-close"></em>
            <div class="ticket can-use">
                <div class="ticket-over">
                    <div class="t-o-l">
                        ￥<em class="face-value">10</em>
                    </div>
                    <div class="t-o-c">
                        <h3 class="ticket-name">课程优惠券</h3>
                        <p class="use-range">适用于南瓜π所有课程</p>
                    </div>
                    <div class="t-o-r">
                        <button class="use-now">立即使用</button>
                    </div>
                </div>
                <div class="ticket-down">
                    <p class="deadline">有效期限&nbsp <i class="deadline-d">2018.11.07-2018.11.07</i></p>
                </div>
            </div>
            <div class="ticket can-use">
                <div class="ticket-over">
                    <div class="t-o-l">
                        ￥<em class="face-value">10</em>
                    </div>
                    <div class="t-o-c">
                        <h3 class="ticket-name">课程优惠券</h3>
                        <p class="use-range">适用于南瓜π所有课程</p>
                    </div>
                    <div class="t-o-r">
                        <button class="use-now">立即使用</button>
                    </div>
                </div>
                <div class="ticket-down">
                    <p class="deadline">有效期限&nbsp <i class="deadline-d">2018.11.07-2018.11.07</i></p>
                </div>
            </div>
            <p class="if-use"><span class="layui-icon layui-icon-circle"></span>不使用优惠</p>
        </div>
    </div>
</div>
<script src="./js/assets/less.min.js"></script>
<script src="./lib/layui/layui.js"></script>
<script src="./js/front-js/common.js"></script>
<script src="./js/front-js/curse-n-buy.js"></script>
</body>
</html>